$(function () {
  var queryObj = {
    proName: $.getQueryString("proName"),
    brandId: "",
    price: "",
    num: "",
    page: 1,
    pageSize: 4
  };

  //给个总页数的初始化
  var totalPage = 1;

  init();
  function init() {
    // getQueryProduct();
    eventList();
    mui.init({
      pullRefresh: {
        container: ".lt_view",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
        down: {
          style: 'circle',
          auto: true,//可选,默认false.首次加载自动上拉刷新一次
          callback: function () {
            // mui('.lt_view').pullRefresh().endPulldownToRefresh();
            //触发下拉事件的时候,先重置标签和页码
            $('.goods_list ul').html('');
            queryObj.page = 1;
            getQueryProduct(function () {
              mui('.lt_view').pullRefresh().endPulldownToRefresh(); //页面渲染完成后,结束下拉刷新
              //结束下拉事件的同时,也要重置上拉刷新
              mui('.lt_view').pullRefresh().refresh(true);
            });
          }
        },
        //上拉
        up: {
          // style: 'circle',
          callback: function () {
            //判断页码是否可以继续刷新
            if (queryObj.page >= totalPage) {
              mui('.lt_view').pullRefresh().endPullupToRefresh(true);
            } else {
              //正常加载下一页
              queryObj.page++;
              //渲染相应的页面,同时渲染结束的时候,结束上拉刷新
              getQueryProduct(function () {
                //结束上拉刷新
                mui('.lt_view').pullRefresh().endPullupToRefresh(false);
              })
            }
          }
        }
      }
    });
    // eventList();
  }

  //  绑定一坨事件
  function eventList() {
    // 点击 排序
    $(".sort_bar").on("tap", " a ", function () {
      var sortkey = $(this).data("sortkey");
      console.log(sortkey);
      if (!sortkey) {
        return;
      }
      $(this).find(".fa").toggleClass("fa-angle-down fa-angle-up");
      queryObj.num = "";
      queryObj.price = "";

      if ($(this).find(".fa").hasClass("fa-angle-up")) {
        queryObj[sortkey] = 1;
      } else {
        queryObj[sortkey] = 2;
      }
      getQueryProduct();
    });

    $("body").on("tap", "a", function () {
      var href = this.href;
      location.href = href;
    });
  }

  // 发送请求
  function getQueryProduct(callback) {
    $.get(location.origin + "/product/queryProduct", queryObj, function (ret) {
      totalPage = Math.ceil(ret.count / queryObj.pageSize);
      var html = template("mainTpl", { arr: ret.data });
      $(".goods_list ul").append(html);
      // mui('.lt_view').pullRefresh().endPulldownToRefresh();
      callback && callback();
    })
  }
})
